<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <title>Admin page</title>
    <link href="index_style.css" rel="stylesheet"/>
</head>
<body>
<div class="header">
    <div class="container flex">
        <div class="left_logo_group ">
            <a href="#" class="head_link1"><img src="images/left_logo1.png" alt="leftlogo1" class="left_logo1"></a>

            <a href="#" class="head_link1">
                <img src="images/left_logo2.svg" alt="leftlogo2" class="left_logo2">
            </a>
        </div>
        <div class="right_logo_group">
            <a href="#" class="head_link2">
                <img src="images/right_logos.png" alt="right logos" class="right_logo1">
            </a>
        </div>
    </div>
</div>
<div class="main1">
    <div class="container flex">
        <div class="main1_left">
            <img src="images/book_picture.png" alt="left_pic" class="left_icon">
        </div>
        <div class="main1_right flex">
            <div class="right_content_main1 flex">
                <img src="images/right_pic_main1.png" alt="right_pic" class="right_pic">
                <div class="titles_common">
                    <h2 class="title_size2">TEST YOUR ENGLISH LEVEL</h2>
                    <h4 class="title_size4">WITH US <span class="title_size4_pink">ALWAYS</span></h4>
                </div>
            </div>
        </div>

    </div>
    <div class="runkick_btn">
        <div class="container center">
            <div class="submit_btn">
                <a href="login" class="footLink">Take the test</a>
            </div>
        </div>


    </div>
</div>


<section class="cellar_one">
    <div class="content_cellar_one">
        <div class="cell_of_cellar">
            <div class="cellar_item c_item1">
                <img src="images/cellar_logo1.svg" alt="cellarlogo1" class="cellar_icon">
                <div class="cellar_title">Work with enterprises</div>
                <div class="cellar_subtitle">We provide many additional educational materials</div>
            </div>
            <div class="cellar_item c_item2">
                <img src="images/cellar_logo2.svg" alt="cellarlogo2" class="cellar_icon">
                <div class="cellar_title">Sales & discounts</div>
                <div class="cellar_subtitle">Sometimes there are big discounts</div>
            </div>
            <div class="cellar_item c_item3">
                <img src="images/cellar_logo3.svg" alt="cellarlogo3" class="cellar_icon">
                <div class="cellar_title">Quality assurance</div>
                <div class="cellar_subtitle">We guarantee excellent skills after our tests.</div>
            </div>


        </div>

    </div>

</section>
<section class="cellar_two">
    <div class="container ">
        <div class="cell_of_cellar2">
            <div class="cellar2_left_part">
                <img src="images/cellar2_left_img.png" alt="img left" class="cellar2_left_img">
                <div class="cellar2_left_text">
                    “Hi there! I can be your tutor“
                </div>
            </div>
            <div class="cellar2_right_part">
                <div class="cellar2_heading_right">
                    <div class="cellar2_right_title">
                        SUBSCRIBE
                    </div>
                    <div class="cellar2_right_subtitle">
                        FOR OUR NEWLETTER AND PROMOTION
                    </div>
                    <div class="seacrh_window">
                        <div class="window_elem1">
                            <img src="images/searchwindow-1.svg" alt="el1" class="elem1">
                        </div>
                        <div class="text_seek">Enter Your Email</div>
                        <div class="window_elem2">
                            <div class="button_cellar2">
                                <p class="name_button_cellar2">
                                    Subscribe
                                </p>
                            </div>
                        </div>

                    </div>

                </div>

            </div>
        </div>


    </div>
</section>
<section class="cellar_footer">
    <div class="container">
        <div class="cell_of_footer">
            <div class="right_footer_side">
                <div class="footer_text">
                    © 2024 Sber Java School.
                </div>
            </div>
            <div class="left_footer_side">
                <div class="cellar_footer_logos">
                    <div class="logoONE">
                        <img src="images/footlogoWhite.svg" alt="logo1" class="footer_logo footlogo1">
                        <a href="#" class="footer_cellar_link">
                            <img src="images/f.svg" alt="symbol1" class="footer_logo_symbol">
                        </a>
                    </div>
                    <div class="logoONE">
                        <img src="images/footlogoPink.svg" alt="logo1" class="footer_logo footlogo1">
                        <a href="#" class="footer_cellar_link">
                            <img src="images/insta 2.svg" alt="symbol1" class="footer_logo_symbol">
                        </a>
                    </div>
                    <div class="logoONE">
                        <img src="images/footlogoWhite.svg" alt="logo1" class="footer_logo footlogo1">
                        <a href="#" class="footer_cellar_link">
                            <img src="images/pinterest3.svg" alt="symbol1" class="footer_logo_symbol">
                        </a>
                    </div>
                    <div class="logoONE">
                        <img src="images/footlogoWhite.svg" alt="logo1" class="footer_logo footlogo1">
                        <a href="#" class="footer_cellar_link">
                            <img src="images/twitter4.svg" alt="symbol1" class="footer_logo_symbol">
                        </a>
                    </div>

                </div>
            </div>

        </div>
    </div>
</section>


</body>
</html>
